// pages/collect/collect.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs: [{
        id: 0,
        value: "店铺收藏",
        isActive: true
      },
      {
        id: 1,
        value: "商品收藏",
        isActive: false
      },
      {
        id: 2,
        value: "商品关注",
        isActive: false
      },
      {
        id: 3,
        value: "浏览足迹",
        isActive: false
      },
    ],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },


  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {
    // onShow 方法中不存在 options 参数，那么我们可以通过页面栈来获取 options
    // 1 获取页面栈
    let pages = getCurrentPages();
    // 2 获取当前页面栈
    let currentPage = pages[pages.length - 1];
    // 3 获取 options
    let options = currentPage.options;
    const {
      type
    } = options;
    // 改变Tabs下标
    this.changeTabsItem(parseInt(type));
  },

  /**
   * Tabs 属性改变：子传父
   */
  handletabsItemChange(e) {
    const {
      index
    } = e.detail;
    // 改变Tabs下标
    this.changeTabsItem(index);
  },
  /**
   * 封装一个改变Tabs下标的方法
   * @param 当前下标
   */
  changeTabsItem(index) {
    let tabs = this.data.tabs;
    tabs.forEach(v => v.isActive = v.id === index ? true : false);
    this.setData({
      tabs
    });
  }
})